<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- Disable css transition so screenshots will always look the same, not mid transition -->
    <style>
      * {
        -webkit-transition-duration: none !important;
        transition-duration: none !important;
        -webkit-animation-duration: none !important;
        animation-duration: none !important;
      }
      /* Reset values on non-opaque/offscreen framer-motion components. */
      *[style*="opacity"] { opacity: 1 !important; }
      *[style*="transform-duration"] { transform: none !important; }
    </style>
    <title>Components App</title>
  </head>
  <body>
    <div data-cy-root></div>
  </body>
</html>
